<!-- 定制开发请联系客服微信：csmszf -->
<template>
	<view>
		<view class="submission">
			<view class="buttom">
				故事投稿：123456789@qq.com
			</view>
		</view>
		<view v-for="(item,index) in news" class="flex p-2">
			<view class="news-box flex w-full">
				<view class="flex-1 flex flex-col justify-between py-4">
					<view>{{item.title}}</view>
					<view>作者：{{item.author}}</view>
				</view>
				<view class="">
					<image class="news-img" :src="item.img"></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				news:[
					{
						title:"婚姻的密码",
						img: "https://cdn.uviewui.com/uview/goods/1.jpg",
						author:'忍者'
					}, {
						title:"豪门千金",
						img: "https://cdn.uviewui.com/uview/goods/2.jpg",
						author:'忍者'
					}, {
						title:"智码毒牙",
						img: "https://cdn.uviewui.com/uview/goods/3.jpg",
						author:'忍者'
					}, {
						title:"祖师爷三岁半",
						img: "https://cdn.uviewui.com/uview/goods/4.jpg",
						author:'忍者'
					}
				]
			};
		}
	}
</script>

<style lang="scss">
page {
	width: 100%;
	height: 100%;
	background-color: #ffffff;
}
.news-img{
	width: 340rpx;
	height: 180rpx;
}
.news-box{
	border-bottom: 2rpx solid #D9D9D9;
}
.submission{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10rpx;
	padding: 20rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	.buttom{
		background: #1890FF;
		border-radius: 60rpx;
		padding: 20rpx;
		color: #ffffff;
	}
}
</style>